<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>账户中心-水票</title>
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" href="./css/public.css?v=20181211" />
		<link rel="stylesheet" href="./css/ticket.css?v=20181211" />
		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
		<script src='./js/jquery-3.2.1.min.js'></script>
		<script src="./js/mui.min.js"></script>
		<script src="./js/art-template.js"></script>
		<script src="./js/config.js?v=20181211"></script>
	</head>
  
	<body>
		<header class="mui-bar mui-bar-nav header_change_color">
			<a style="color: #fff" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 style="color: #fff" class="mui-title">账户中心-水票</h1>
		</header>
		<div class="mui-content">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="segmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="header">
						<a class="mui-control-item mui-active" href="#item1mobile">
							我的水票
						</a>
						<a class="mui-control-item" href="#item2mobile">
							水票明细
						</a>
					</div>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active" style="overflow-y: scroll;border-bottom: none!important;">
						<!--内容-->
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content" style="border-bottom: none!important;">
						<div class="mui-scroll-wrapper" id="scroll">
							<div class="mui-scroll">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell" id="fenye_list">

									</li>	
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--//水票列表-->
		<script type="text/html" id="bill_list">
			{{each bill_list bill}}
			<div class='good-contanier'>
				<img src="{{bill.goods_img}}" max-width="90" height="90" class='goods-img' alt="" />
				<div class='good-detail'>
					<p class='goods-title'>{{bill.goods_name}}</p>
					<p>余票：{{bill.rest_num}}张</p>
				</div>
				<div class="goods-right">
					<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined"><a href="member-ticket.html" style="color:#25BDEF;">一键订水</a></button>
				</div>
			</div>
			{{/each}}
		</script>

		<!--//水票明细-->
		<script type="text/html" id="fenye_list_data">
			{{each data detail}}
			<div class='ticket-detail'>
				<div class="left">
					<p style="color: #25bdef">{{detail.description}}</p>
					<p class='left-time'>{{detail.created_at}}</p>
				</div>
				<div class="right">
					{{if detail.use_type == 0}}
					<p style="color: #FF5F3E">+ {{detail.buy_num}}</p>
					<p>赠送 <span style="color: #FF9900">+ {{detail.gift_num}}</span></p>
					{{else}}
						<p style="color: #FF5F3E">- {{detail.num}}</p>
					{{/if}}
					<p>{{detail.goods_name}}</p>
				</div>
			</div>
			{{/each}}
		</script>
		<script src='js/commen.js?v=20181211'></script>
		<script src='js/member-ticket.js?v=20181211'></script>
	</body>

</html>
